<template>
    <h1>10.1.1 dist 文件夹</h1>
    <p>dist 文件夹由以下命令生成：</p>
    <n-code language="bash" code="npm run build"></n-code>
    <p>该文件夹是项目的生产版本，项目完成后，交付该文件夹即可。在 dist/assets 文件夹下，有 css 与 js 文件，如下图所示：</p>
    <n-image :src="img1"></n-image>
    <p>图示：dist 目录结构</p>
    <n-image :src="img2"></n-image>
    <p>图示：dist/assets 目录结构</p>
    <p>文件名短线（-）后的字符串是文件的 hash 码，用于标识文件是否变化。该 hash 码用于 CDN（内容分发网络） 优化。</p>
</template>

<script setup>
defineOptions({
    inheritAttrs: false
})

const img1 = ``
const img2 = ``
</script>